<template>
    <div>
        <mt-button type="default">default</mt-button>
<mt-button type="primary">primary</mt-button>
<mt-button type="danger">danger</mt-button>

    <div class="tab">
        <mt-swipe :auto="2000" style="height:200px">
  <mt-swipe-item v-for="(item, index) in list" :key="index">
      <img :src="item.image" alt="">
      </mt-swipe-item>
  
</mt-swipe>
    <hr>
    <h1>count:{{$store.state.count}}</h1>
    <h1>countx10:{{$store.getters.countx10}}</h1>
    <button @click="$store.commit('countadd')">
        count++
    </button>
    <hr>

    </div>
    </div>
</template>

<script>
import axios from 'axios'
export default {
    name: 'VueHome',

   

    data() {
        return {
            list:[]
        };
    },

    created() {
      axios("https://gank.io/api/v2/banners").then(
          res=>{
              console.log(res.data)
              this.list = res.data.data
          }
          
      )  
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>

</style>